<template>
  <div>
    <sy-row>
      <sy-col span="8">8</sy-col>
      <sy-col span="8">8</sy-col>
      <sy-col span="8">8</sy-col>
    </sy-row>
    <sy-row>
      <sy-col span="6">6</sy-col>
      <sy-col span="6">6</sy-col>
      <sy-col span="6">6</sy-col>
      <sy-col span="6">6</sy-col>
    </sy-row>
    <sy-row>
      <sy-col span="4">4</sy-col>
      <sy-col span="4">4</sy-col>
      <sy-col span="4">4</sy-col>
      <sy-col span="4">4</sy-col>
      <sy-col span="4">4</sy-col>
      <sy-col span="4">4</sy-col>
    </sy-row>
    <sy-row>
      <sy-col span="3">3</sy-col>
      <sy-col span="3">3</sy-col>
      <sy-col span="3">3</sy-col>
      <sy-col span="3">3</sy-col>
      <sy-col span="3">3</sy-col>
      <sy-col span="3">3</sy-col>
      <sy-col span="3">3</sy-col>
      <sy-col span="3">3</sy-col>
    </sy-row>
  </div>
</template>
